<!DOCTYPE html>
<!-- 定义contextPath -->
<#assign base=springMacroRequestContext.getContextUrl("")>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title><@block name="title"></@block></title>
    <!-- 引入资源文件 -->
    <link rel="icon" type="image/png" href="${base}/res/i/ico.png" sizes="16x16">
    <link href="${base}/res/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="${base}/res/css/reset.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="${base}/res/js/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="${base}/res/js/jquery.form.js"></script>
    <script type="text/javascript" src="${base}/res/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="${base}/res/js/os.min.js"></script>
    <script type="text/javascript" src="${base}/res/js/sha256.js"></script>
    <style>
    #back_top{
	display:block;
	width:60px;
	height:60px;
	position:fixed;
	bottom:50px;
	right:40px;
	border-radius:10px 10px 10px 10px;
	text-decoration:none;
	display:none;
	background-color:#999999;
	}
	#back_top span{
		display:block;
		width:60px;
		color:#dddddd;
		font-size:40px;
		text-align:center;
		margin-top:4px;
	}
	#back_top span:hover{
		color:#cccccc;
	}
</style>

</head>
<body style="background-color: #FFFFFF;">
<#include "_header.html"/>

<div style="min-height: 600px;">
    <@block name="content"></@block>
</div>

<#include "_footer.html"/>


</div>

<script>
$(function(){
	$(window).scroll(function(){  //只要窗口滚动,就触发下面代码
		var scrollt = document.documentElement.scrollTop + document.body.scrollTop; //获取滚动后的高度
		if( scrollt >200 ){  //判断滚动后高度超过200px,就显示
			$("#back_top").fadeIn(400); //淡出
		}else{
			$("#back_top").stop().fadeOut(400); //如果返回或者没有超过,就淡入.必须加上stop()停止之前动画,否则会出现闪动
		}
	});
	$("#back_top").click(function(){ //当点击标签的时候,使用animate在200毫秒的时间内,滚到顶部
			$("html,body").animate({scrollTop:"0px"},200);
	});
});
</script>

</body>
</html>